<!doctype html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="Author" content="只会切图的前端">
    <title>联系我</title>
    <link rel="stylesheet" href="./css/index.css" />
</head>

<body>
    <!--导航-->
    <header class="header">
        <div class="nav-box">
            <span>个人介绍</span>
            <ul class="nav">
                <li><a href="index.html">首页</a></li>
                <li><a href="project.html">作品展示</a></li>
                <li><a href="concat.html" class="on">联系我</a></li>
            </ul>
        </div>
    </header>
    <!--导航end-->
    <!--banner-->
    <div class="banner">
        联 系 我
    </div>
    <!--banner end-->
    <!--个人介绍-->
    <div class="introduce">
        <!--自我介绍-->
        <div class="introduce-tit">
            联系方式
        </div>
        <div class="introduce-main">
            <div class="l">
                <img src="./img/code.jpg" width="220" class="code" />
            </div>
            <div class="r">
                <p>电话：1********01</p>
                <p>微信：jscss1990</p>
                <p>邮箱：85****@qq.com</p>
                <p>位置：广东深圳</p>
            </div>
        </div>
        <!--自我介绍end-->

        <!--表单-->
        <form class="myform" method="post" action="#">
            <div class="inp-box">
                <input type="text" name="name" class="inp" placeholder="姓名 *"/>
                <input type="text" name="mobile" class="inp" placeholder="手机号 *"/>
            </div>
            <div class="inp-box">
                <textarea class="msg" name="message" placeholder="留言 *"></textarea>
            </div>
            <button class="but" type="submit">提交</button>
        </form>
        <!--表单end-->



    </div>
    <!--个人介绍end-->

    <div class="foot-box">
        Copyright © 2022.Company name All rights reserved.
    </div>
</body>

</html>